<link rel="stylesheet/less" type="text/css" href="./bricks/component/bar/bar.less"/>


<div class="ub-container">

    <div class="ub-bar-page">
        <div class="items">
            <a class="item" href="javascript:;">
                <i class="icon iconfont icon-qq"></i>
                <span class="text">QQ</span>
                <div class="popup">
                    <div class="content">
                        立即联系我们
                        <br>
                        88888888888
                    </div>
                </div>
            </a>
            <a class="item" href="javascript:;">
                <i class="icon iconfont icon-wechat"></i>
                <span class="text">微信</span>
                <div class="popup">
                    <div class="content">
                        <img data-src="placeholder/400x400" />
                    </div>
                </div>
            </a>
            <a class="item item-icon" href="javascript:;" onclick="$('body,html').animate({scrollTop:0},500);">
                <i class="icon iconfont icon-angle-up"></i>
            </a>
        </div>
        <a href="javascript:;" class="item-top">
            <div class="cover">
                <div class="avatar" data-background-url="placeholder/400x400"></div>
            </div>
            <div class="popup">
                <div class="content">
                    <img data-src="placeholder/400x400" />
                </div>
            </div>
        </a>
    </div>

    <p>{EN,1000,2000}</p>
    <p>{EN,1000,2000}</p>
    <p>{EN,1000,2000}</p>
    <p>{EN,1000,2000}</p>
    <p>{EN,1000,2000}</p>
    <p>{EN,1000,2000}</p>
    <p>{EN,1000,2000}</p>
    <p>{EN,1000,2000}</p>
    <p>{EN,1000,2000}</p>

</div>
